<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
    <div class="main">
        <div class="display-panel">
            <h1>距离下一次报时</h1>
            <div class="time-panel">
                <span class="minute">00</span>
                <span class="colon">:</span>
                <span class="second">00</span>
            </div>
            <input type="checkbox" checked class="toggle-btn" id="control">
            <label for="control" class="toggle-btn"></label>
        </div>
        <div class="setting-panel">
            <h1>设置面板</h1>
            <form id="setting-form">
                    <label title="1个小时内，需要报时的时刻">报时时刻(分钟)</label>
                    <div class="grid-box ticks"></div>
                    <label title="不需要报时的时间段">勿扰时间(小时)</label>
                    <div class="grid-box slience">
                    </div>
                    <label>通知方式</label>
                    <div class="inline-box notifiers">
                        <!-- <input class="toggle-btn" type="checkbox" name='notify' id="toast" value="0">
                        <label class="toggle-btn" for="toast">Toast通知</label>
                        <input class="toggle-btn" type="checkbox" id="report" name="notify" value="1">
                        <label class="toggle-btn" for="report">语音报时</label> -->
                    </div>
                    <button type="button" id="confirm-btn">确定</button>
                    <button type="button" id="close-btn">结束</button>
            </form>
    </div>
    <script src="countdown.js"></script>
    <script src="setting.js"></script>
    <script src="control.js"></script>
    <script src="close.js"></script>
    <script>
        debug=false
    </script>
</body>